<template>
  <div class="page-container">
    <!-- 返回按钮 -->
    <div class="back-button">
      <a href="http://116.205.137.229:8025/" style="">
        <el-button
          style="    font-weight: 500;    padding: 12px 20px;    font-size: 14px;    border-radius: 4px;    outline: none;"
          type="primary"><i class="el-icon-back"></i>返回</el-button>
      </a>
    </div>
    <!-- 主要内容区域 -->
    <div class="main-content">
      <!-- 标题 -->
      <h2 class="main-title">固定资产管理表</h2>
      <!-- 表单链接区域 -->
      <div class="form-links">
        <div class="link-column">
          <router-link class="form-link" to="/main/xingzheng/gudingzichan/gdzcpandian">固定资产盘点表</router-link>
          <router-link class="form-link" to="/main/xingzheng/gdzczhuanyi/gdzczhuanyi">固定资产转移单</router-link>
          <router-link class="form-link" to="/main/xingzheng/sbweixiusq/sbweixiusq">设备维修申请单</router-link>
          <router-link class="form-link" to="/main/xingzheng/sbyanshou/sbyanshou">设备验收记录表</router-link>
          <router-link class="form-link" to="/main/xingzheng/rukudan/rukudan">成品入库单</router-link>
          <router-link class="form-link" to="/main/xingzheng/gdzichanbq/gdzichanbq">固定资产标签</router-link>
          <router-link class="form-link" to="/main/xingzheng/sblvlibiao/sblvlibiao">机器设备履历卡</router-link>
          <router-link class="form-link" to="/main/xingzheng/gdzctongji/gdzctongji">新增固定资产月度统计表</router-link>
          <router-link class="form-link" to="/main/xingzheng/zhifuzmd/zhifuzmd">支付证明单</router-link>
          <router-link class="form-link" to="/main/xingzheng/shengoudan/shengoudan">申购单</router-link>
          <router-link class="form-link" to="/main/xingzheng/gdzczhuxiao/gdzczhuxiao">固定资产注销申请单</router-link>
          <router-link class="form-link" to="/main/xingzheng/shebeiguifan/shebeiguifan">设备仪器管理规范（文件）</router-link>
        </div>
        <div class="link-column">
          <router-link class="form-link" to="/main/xingzheng/sbyanshoudan/sbyanshoudan">设备验收单</router-link>
          <router-link class="form-link" to="/main/xingzheng/wjfafanghs/wjfafanghs">文件发放与回收记录</router-link>
          <router-link class="form-link" to="/main/xingzheng/gdzichanglbf/gdzichanglbf">固定资产管理办法</router-link>
          <router-link class="form-link" to="/main/xingzheng/wjxiudinsqd/wjxiudinsqd">文件新增修订废止申请单</router-link>
          <router-link class="form-link" to="/main/xingzheng/gdzcliucheng/gdzcliucheng">固定资产盘点作业流程</router-link>
          <router-link class="form-link" to="/main/xingzheng/cunhuopandian/cunhuopandian">年 月存货盘点表</router-link>
          <router-link class="form-link" to="/main/xingzheng/cunhuopdbaogao/cunhuopdbaogao">年 月存货盘点报告表</router-link>
          <router-link class="form-link" to="/main/xingzheng/wjxiudinsqd/hesuanwjxiudinsqd">文件新增修订废止申请单</router-link>
          <router-link class="form-link" to="/main/xingzheng/gzhesuanliuchen/gzhesuanliuchen">固定资产核算流程</router-link>
          <router-link class="form-link" to="/main/xingzheng/wjfafanghs/hesuanwjfafanghs">文件发放与回收记录</router-link>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
/* 全局样式 */
* {
  font-family: '宋体';
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 页面容器样式 */
.page-container {
  /* background-color: #f4f4f4; */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 返回按钮样式 */
.back-button {
  display: flex;
  width: 800px;
  padding-top: 20px;
}

/* 主要内容样式 */
.main-content {
  background-color: #fff;
  padding: 40px 0px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 80%;
  max-width: 800px;
  margin: 20px 0;
}

/* 主标题样式 */
.main-title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
  color: #333;
}

/* 表单链接区域样式 */
.form-links {
  display: flex;
  justify-content: space-between;
  max-height: 400px;
  overflow: auto;
  font-size: 18px;
}

/* 链接列样式 */
.link-column {
  width: 48%;
}

/* 表单链接样式 */
.form-link {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 12px 15px;
  margin: 0px auto;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  transition: all 0.3s ease;
  width: 280px;
}

/* 表单链接悬停样式 */
.form-link:hover {
  background-color: #f0f0f0;
  border-color: #ccc;
  text-decoration: none;
}
</style>